<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发货订单详情</title>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="send-order-detail.js"></script>
    <link rel="stylesheet" href="../css/commodity.css">
</head>
<body>
<div class="padding" id="send_order_detail">
    <div v-if="order.status==1">
        <div class="def_container">
            <div class="left">{{ order.id }}</div>
            <div class="right redfont">未发货</div>
        </div>
        <div class="def_container" v-for="commodity in order.commodity">
            <div class="left width-8"><img class="img" src="{{ commodity.img_url }}"></div>
            <div class="right width">
                <div class="def_container">
                    <div class="left">{{ commodity.name }}</div>
                    <div class="right">{{ commodity.classification }}</div>
                </div>
                <div class="def_container">
                    <div class="left">{{ commodity.price }}</div>
                    <div class="right redfont">数量{{ commodity.num }}</div>
                </div>
            </div>
        </div>

        <div class="def_container">
            <div class="left width-8">创建时间</div>
            <div class="right width">{{ order.create_time }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">收货人</div>
            <div class="right width">{{ order.name }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">电话</div>
            <div class="right width">{{ order.phone }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">地址</div>
            <div class="right width">{{ order.add_province }}{{ order.add_city }}{{ order.add_district }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">详细地址</div>
            <div class="right width">{{ order.add_detail }}</div>
        </div>
        <button class="button" @click="order_over(order.id)">发货</button>
    </div>

    <div v-if="order.status==2">
        <div class="def_container">
            <div class="left">{{ order.id }}</div>
            <div class="right redfont">已发货</div>
        </div>
        <div class="def_container" v-for="commodity in order.commodity">
            <div class="left width-8"><img class="img" src="{{ commodity.img_url }}"></div>
            <div class="right width">
                <div class="def_container">
                    <div class="left">{{ commodity.name }}</div>
                    <div class="right">{{ commodity.classification }}</div>
                </div>
                <div class="def_container">
                    <div class="left">{{ commodity.price }}</div>
                    <div class="right redfont">数量{{ commodity.num }}</div>
                </div>
            </div>
        </div>
        <div class="def_container">
            <div class="left width-8">创建时间</div>
            <div class="right width">{{ order.create_time }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">收货人</div>
            <div class="right width">{{ order.name }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">电话</div>
            <div class="right width">{{ order.phone }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">地址</div>
            <div class="right width">{{ order.add_province }}{{ order.add_city }}{{ order.add_district }}</div>
        </div>
        <div class="def_container">
            <div class="left width-8">详细地址</div>
            <div class="right width">{{ order.add_detail }}</div>
        </div>
    </div>
</div>
</body>
</html>